body {
    margin: 0;
    padding: 0;
    background: #ffffff url("images/header_bg.png") repeat-x;
    font-size: 14px;
    color: #333333;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style-type: none;
}

#header {
    width: 900px;
    height: 30px;
    margin: 0 auto;
}

#header .logo {
    width: 100px;
    height: 30px;
    float: left;
}

#header .logo img {
    display: block;
}

#header .member {
    width: 70px;
    height: 30px;
    line-height: 30px;
    float: right;
    background: url("images/arrow.png") no-repeat 60px center;
    cursor: pointer;
    position: relative;
}

#header ul {
    position: absolute;
    top: 30px;
    left: -15px;
    background: #fbf7e1;
    width: 100px;
    height: 120px;
    border: 1px solid #999;
    border-top: none;
    padding: 10px 0 0 0;
    display: none;
}

#header ul li {
    height: 25px;
    line-height: 25px;
    text-indent: 20px;
    letter-spacing: 1px;
}

#header ul li a {
    display: block;
    text-decoration: none;
    color: #333333;
    background: url("images/arrow3.gif") no-repeat 5px 50%;
}

#header ul li a:hover {
    background: #ffcc00 url("images/arrow4.gif") no-repeat 5px 50%;
}

#header .login {
    float: right;
    width: 35px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

#screen {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 9998;
    opacity: 0.3;
    display: none;
}

#login {
    width: 350px;
    height: 250px;
    border: 1px solid #cccccc;
    position: absolute;
    display: none;
    z-index: 9999;
    background: #ffffff;
}

#login h2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    color: #666666;
    background: url("images/login_header.png") repeat-x;
    padding: 0;
    border-bottom: 1px solid #cccccc;
    margin: 0 0 20px 0;
    cursor: move;
}

#login h2 img {
    float: right;
    position: relative;
    top: 14px;
    right: 8px;
    cursor: pointer;
}

#login div.user, #login div.pass {
    font-size: 14px;
    color: #666666;
    padding: 5px 0;
    text-align: center;
}

#login input.text {
    width: 200px;
    height: 25px;
    border: 1px solid #cccccc;
    background: #ffffff;
    font-size: 14px;
}

#login .button {
    text-align: center;
    padding: 20px 0;
}

#login input.submit {
    width: 107px;
    height: 30px;
    background: url("images/login_button.png") no-repeat;
    border-bottom: none;
    cursor: pointer;
}

#login .other {
    text-align: right;
    padding: 15px 10px;
    color: #666666;
}